<!DOCTYPE html>
<html>

<head>
    <style>

    </style>

</head>

<body>
    <div id="mainscreen">

    </div>
</body>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script type="text/javascript">

    let vmInst = new Vue({
        el: "#mainscreen",
        data: {
            sellabel: "102",
            labels: [{ key: "Susan", value: "101" }, { key: "Tom", value: "102" }, { key: "John", value: "103" }]
        },
        methods: {
            hood: function () {
                alert(this.message);
            }
        },
        // 可以使用template来绑定
        template: `
            <div>
                <select v-model:value="sellabel">
                    <option v-for="label in labels" :value="label.value">{{label.key}}</option>
                </select>
                <input type="text" :value="sellabel" readonly/>
            </div>
        `
    });

</script>

</html>